<meta content="text/html; charset=UTF-8; X-Content-Type-Options=nosniff" http-equiv="Content-Type" />
<script src="js/smartstream.js"></script>
<script src="js/smartstream.main.topics.js"></script>
<script src="js/smartstream.main.comments.js"></script>
<style type="text/css">
	.wp_lh_14{line-height:14pt; }
	.wp_lh_18{line-height:18pt; }
	.smartstream_meeting_comments{
		background-color: #f2f2f2;
	}
</style>
<div id="homepage_meeting_request_detail_page_win" class="wp_fz_10 ">		
	<div id="smartsream_meeting_request_detail_page_win_left"  class="wp_ml_15 wp_mr_15 wp_mt_10"></div>
	<div id="smartsream_meeting_request_detail_page_win_bottom"  class="wp_pl_15 wp_pr_15 wp_mt_20 wp_h_392 "></div>
	<!-- top template -->
	<script type="text/x-kendo-template" id="smartsream_meeting_request_detail_page_win_left_tmpl">
		<img src="#: data[0].touxiang #" class="wp_w_20 wp_h_20 left">
		<div class="wp_w_598 left wp_ml_10 wp_mt_ne5">
			 <div class="clear">
	    		<div class="wp_w_51 left wp_lh_18">From</div>
	    		<div class=" left wp_ml_10 wp_lh_18">#: data[0].from #</div>
	    	</div>
	    	<div class="clear">
	    		<div class="wp_w_51 left wp_lh_18">Required</div>
	    		<div class="left wp_ml_10 wp_lh_18">#: data[0].required #</div>
	    	</div>
	     	<div class="clear">
	    		<div class="wp_w_51 left wp_lh_18">Optional</div>
	    		<div class="left wp_ml_10 wp_lh_18">#: data[0].optional #</div>
	    	</div>
	    	<div class="clear">
	    		<div class="wp_w_51 left wp_lh_18">Subject</div>
	    		<div class="left wp_ml_10 wp_lh_18">#: data[0].subject #</div>
	    	</div>
	    	<div class="clear">
	    		<div class="wp_w_51 left wp_lh_18">Location</div>
	    		<div class="left wp_ml_10 wp_lh_18">#: data[0].local #</div>
	    	</div>
	    	<div class="clear">
	    		<div class="wp_w_51 left wp_lh_18">When</div>
	    		<div class="left wp_ml_10 wp_lh_18">#: data[0].when #</div>
	    	</div>
	    	<div  class="wp_lh_14 clear">
	    		#: data[0].desc #		
	    	</div>
	    	<div class="clear wp_mt_10 wp_mb_20">
	    		<button  class="btn btn-green wp_w_58 wp_h_20 wp_mr_20 left wp_fz_10">Going</button>
	    		<button  class="btn btn-crimson wp_w_58 wp_h_20 left wp_fz_10">Reject</button>
	    	</div>
		</div>
		<div class="clear"></div>
	</script>

	<script>
		var userdata = [
                        { 
                        	"from": 'Lvan Amir',
                        	"required":'Scott Brown',
                        	"optional":'Juan Carlos Bereira; Marc Distant',
                        	"subject":'Discuss Status of Project',
                        	"local":'Praesent feugiat enim', 
                        	"when":'Friday, October 28, 2013 2:30PM - 3:00PM',
                        	"touxiang":'imgs/headPortrait3_20x20.png',
                        	"desc":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eget malesuada Pellentesque habitant morbi tristique senectus et netus et 	malesuada fames ac feugiat enim elit, eu cursus."
                        }
                	];		
			var homepage_meeting_request_detail_page_win = $('#homepage_meeting_request_detail_page_win');
			homepage_meeting_request_detail_page_win.kendoWindow({
				width:658,
				height:640,
				title:'Smart Stream meeting',
				visible:false,
				resizable: false,
				actions:["Minimize", "Close"],
				close:function(){
					
				}
			});
			//  --------------------------data source bind------------------------------------------
			var smartstream_meeting_top_template = kendo.template($("#smartsream_meeting_request_detail_page_win_left_tmpl").html()); 
	   		var smartstream_meeting_top_result = smartstream_meeting_top_template(userdata); 
	    	$("#smartsream_meeting_request_detail_page_win_left").html(smartstream_meeting_top_result);

	    	//----------------------------tang template start----------------------------------------------------------
	    	var smartdream_meeting_topic = [
            {"tid":'3',
            "userimg": 'imgs/login/workportLogo_226x60.png',
            "title":'555555555',
            "tag":'Sharepoint, MarkLogic',
            "EnableSticky":true,
            "content":'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eget malesuada sapien. Nulla facilisi. Morbi dictum blandit diam at facilisis. Maecenas suscipit nec metus ac laoreet. Donec eu lectus malesuada, laoreet diam eu, condimentum nisi.',
            "suserimg":'imgs/login/starbucksLogo_118x138.png',
            "susername":'Vijay Deshpande',
            "date":'1 days ago',
            "commentimg":'imgs/login/starbucksLogo_118x138.png',
            "readimg":'imgs/login/starbucksLogo_118x138.png',
            "shareimg":'imgs/login/starbucksLogo_118x138.png',
            "likeimg":'imgs/login/starbucksLogo_118x138.png',
            "likenum":10,
            "Unfollow":false,
            "attachments":[],
                
            "buttons": {
                "OK":'Going',
                "Reject":'Reject'
                },
            "comments":[
                {"name":'Roberta Albisetti',"img":'imgs/headPortrait3_20x20.png',"content":'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eget malesuada sapien. Nulla facilisi. Morbi dictum blandit diam at facilisis. Maecenas suscipit nec metus ac laoreet. Donec eu lectus malesuada.',"time":'a day ago',"likenum":10,"reply":[]},
                {"name":'Roberta Albisetti',"img":'imgs/login/workportLogo_226x60.png',"content":'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eget malesuada sapien. Nulla facilisi. Morbi dictum blandit diam at facilisis. Maecenas suscipit nec metus ac laoreet. Donec eu lectus malesuada.',"time":'a day ago',"likenum":10,"reply":[
                        {"name":'Roberta Albisetti',"img":'imgs/login/workportLogo_226x60.png',"content":'reply 1'},
                        {"name":'Roberta Albisetti',"img":'imgs/login/workportLogo_226x60.png',"content":'reply 2'}
                    ]},
                {"name":'Roberta Albisetti',"img":'imgs/login/workportLogo_226x60.png',"content":'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eget malesuada sapien. Nulla facilisi. Morbi dictum blandit diam at facilisis. Maecenas suscipit nec metus ac laoreet. Donec eu lectus malesuada.',"time":'a day ago',"likenum":10,"reply":[]}

                ]
            }
       
        ];
        var wp_smartstream_meeting_bottom_tmpl_head = '<script id="homepage_meeting_request_detail_page_win_bottom_tmpl" type="text/x-kendo-template">';
	    var wp_smartstream_meeting_bottom_tmpl_end = '<//script>';
	    var  wp_smartstream_meeting_bottom_tmpl_file =$.getExtFile("html/smartstream.meeting.comments.tmpl.html");
	    var wp_smartstream_meeting_bottom_tmpl = wp_smartstream_meeting_bottom_tmpl_head + wp_smartstream_meeting_bottom_tmpl_file + wp_smartstream_meeting_bottom_tmpl_end;
	    $("body").append(wp_smartstream_meeting_bottom_tmpl);
    	var smartstream_meeting_bottom_template = kendo.template($("#homepage_meeting_request_detail_page_win_bottom_tmpl").html()); 
		$("#smartsream_meeting_request_detail_page_win_bottom").kendoListView({
	                dataSource: smartdream_meeting_topic,
	                template:smartstream_meeting_bottom_template
	                
	    });
	    //----------------------------tang template end ----------------------------------------------------------		
	</script>
</div>
